<template>
  <transition appear>
    <div class="account">
      <AccountHeader></AccountHeader>
    </div>
  </transition>
</template>

<script>
import AccountHeader from '../components/Account/AccountHeader'
export default {
  name: 'Account',
  components: {
    AccountHeader
  }
}
</script>

<style scoped lang="scss">
  .account {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #ff0000;
  }
  .v-enter {
    transform: translateX(100%);
  }
  .v-enter-to {
    transform: translateX(0%);
  }
  .v-enter-active {
    transition: transform 0.5s;
  }
  .v-leave {
    transform: translateX(0%);
  }
  .v-leave-to {
    transform: translateX(100%);
  }
  .v-leave-active {
    transition: transform 0.5s;
  }
</style>
